<template>
    <div class="general">
        <div class="headline">优惠方案:</div>
        <div class="select">
        <el-radio label="1" v-model="radio1" size="large">优惠券</el-radio>
        <br/>
        <el-radio label="2" v-model="radio1" size="large">老带新、限时抢报、折扣、立减</el-radio>
        </div>
    </div>
    <hr>
    <div class="general">
        <div class="headline">使用条件:</div>
        <div class="select">
        <el-radio label="1" v-model="radio2" size="large">优惠卷大于订单原价时不可使用（原价不包含商品费）</el-radio>
        <br/>
        <el-radio label="2" v-model="radio2" size="large">优惠卷大于订单原价时可使用（原价不包含商品费）</el-radio>
        </div>
    </div>
    <hr>
    <div class="general">
        <div class="headline">修改优惠卷:</div>
        <div class="select">
        <el-radio label="1" v-model="radio3" size="large">同批次已申请和已发放的优惠卷不修改</el-radio>
        <br/>
        <el-radio label="2" v-model="radio3" size="large">同批次已申请和已发放未使用的优惠卷信息同步修改</el-radio>
        </div>
    </div>
    <hr>
    <div class="general">
        <div class="headline">使用优惠类型:</div>
        <div class="select">
        <el-radio label="1" v-model="radio4" size="large">指定范围</el-radio>
        <br/>
        <el-radio label="2" v-model="radio4" size="large">兼容大于此范围</el-radio>
        </div>
    </div>
    <hr>
    <div class="general">
        <div class="headline">计算优惠算法:</div>
        <div class="select">
        <el-radio label="1" v-model="radio5" size="large">按照比例计算优惠</el-radio>
        <br/>
        <el-radio label="2" v-model="radio5" size="large">平分优惠</el-radio>
        </div>
    </div>
    <hr>
    <div class="general">
        <div class="headline">现金与折扣优惠计算顺序:</div>
        <div class="select">
        <el-radio label="1" v-model="radio6" size="large">先减现金，再乘折扣</el-radio>
        <br/>
        <el-radio label="2" v-model="radio6" size="large">先乘折扣，再减现金</el-radio>
        </div>
    </div>
    <hr>
    <div class="general">
        <div class="headline">优惠卷使用标准:</div>
        <div class="select">
        <el-radio label="1" v-model="radio7" size="large">每次只使用一张，按最高金额推送</el-radio>
        <br/>
        <el-radio label="2" v-model="radio7" size="large">每次只使用一张，按最低金额推送</el-radio>
        <br/>
        <el-radio label="3" v-model="radio7" size="large">不限制，可多张同时使用</el-radio>
        </div>
    </div>
    <hr>
    <div class="general">
        <div class="headline">先直减再满减:</div>
        <div class="select">
        <el-radio label="1" v-model="radio8" size="large">是</el-radio>
        <br/>
        <el-radio label="2" v-model="radio8" size="large">否</el-radio>
        </div>
    </div>
    <hr>
    <div class="general">
        <div class="headline">折扣和满减不能同时使用:</div>
        <div class="select">
        <el-radio label="1" v-model="radio9" size="large">是</el-radio>
        <br/>
        <el-radio label="2" v-model="radio9" size="large">否</el-radio>
        </div>
    </div>
    <hr>
    <div class="general">
        <div class="headline">优惠与优惠卷规则叠加使用:</div>
        <div class="select">
        <el-radio label="1" v-model="radio10" size="large">先使用优惠卷</el-radio>
        <br/>
        <el-radio label="2" v-model="radio10" size="large">先使用优惠活动</el-radio>
        <br/>
        <el-radio label="3" v-model="radio10" size="large">不能联合使用</el-radio>
        </div>
    </div>
    <hr>
    <div class="foot">
        <el-button type="primary">保存</el-button>
        <el-button type="danger">取消</el-button>
    </div>

</template>
<script setup>
import { ref } from 'vue'

const radio1 = ref('1');
const radio2 = ref('1');
const radio3 = ref('1');
const radio4 = ref('1');
const radio5 = ref('1');
const radio6 = ref('1');
const radio7 = ref('1');
const radio8 = ref('1');
const radio9 = ref('1');
const radio10 = ref('1');

</script>
<style>
.headline{
    text-align: end;
    width: 200px;
    justify-content:center;
    font-size: 15px;
    margin-right: 30px;
}

.select{
    line-height: 50px;
}

.general{
    display: flex;
   line-height: 100px;
   align-items: center;
   margin: 25px 0;
}
.foot{
    display: flex;
    justify-content:center;
    margin: 50px 0;
}
</style>